<template>

  <div class="student">
    <div class="header">
        <el-card shadow="never" class="box-card">   
            <div class="head_Con">
                <div class="user_avatar">
                        <el-image style="width: 120px; height: 120px; border-radius: 50%;"
                        :src="useUserStore().avatar || defAva" fit="cover" />
                </div>
                <div>
                    <h3>你好{{ useUserStore().userName }}同学,欢迎使用cgclass后台管理系统</h3>
                 
                </div>
            </div>
        </el-card>
    </div>
 
  </div>
</template>

<script setup>
import { ref, getCurrentInstance } from 'vue';
import { useUserStore } from "@/store/modules/user"
import { giveEllipsisStr1 } from '@/utils/common';
import { useRouter } from 'vue-router';
import defAva from '@/assets/images/user-default.jpg';
const { proxy } = getCurrentInstance();

const homeHeadArr = ref({}); // 首页-头部数据
const rightListArr = ref([]); // 首页-优秀班课数据
const router = useRouter();
// 页面加载执行柱状图的处理函数
onMounted(() => {

})
</script>

<style lang='scss' scoped>
@use '@/assets/styles/vars.module' as *;
@use "@/assets/styles/custom" as *;

.header {
    margin: 20px 0;
    width: 100%;
    min-width: 1430px;


    h3 {
        margin: 30px 0 15px 0;
    }

    p {
        color: #999;
        font-size: 14px;

    }

    .head_Con{
        display: flex;

        .user_avatar{
            width: 120px;
            margin-right: 15px;
        }
    }
}


</style>